/* layout: 600x360px */
#slideshow {
  width: 600px;
  height: 360px;
  overflow: none;
  position: relative;
  padding: 0;
  margin: 20px auto;
}
#slideshow, #slideshow p, #slideshow li {
  font-size: 1.2em;
  margin-top: 0.5em;
}
#slideshow li p, #slideshow li li {
  font-size: 0.9em;
  margin-top: 0.5em;
}
#slideshow h2 {
  margin: 0.2em 0;
  font-size: 1.5em;
  color: brown;
	border-bottom: 1px inset brown;
}
#slideshow div {
  /*opacity: 0;*/
  position: absolute;
  top: 0;
  width: 500px;
  /*height: 100%;*/
  height: 340px;
  /*padding: 0;*/
  /*margin: 0.8em 50px;*/
  /*margin: 10px 50px;*/
  padding: 10px 50px;
  background-color: #fed;
  border: 1px solid #fdd;
}
#slideshow pre { /* XXX useless here */
  /*opacity: 0;*/
  position: absolute;
  top: 0;
  width: 550px;
  height: 100%;
  margin: 0;
  padding: 0 20px;
  overflow: auto;
  font-size: 0.85em;
  border-left: 10px solid #ddf;
}
* html #slideshow pre {
  /* IE6 hack, ignored by other browsers */
  height: 360px;
}
#slideshow > * {
  /*width: 400px;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*padding: 1em 5em;*/
  border-radius         : 5px;
  -o-border-radius      : 5px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  box-shadow         : 0px 1px 10px #888;
  -o-box-shadow      : 0px 1px 10px #888;
  -moz-box-shadow    : 0px 1px 10px #888;
  -webkit-box-shadow : 0px 1px 10px #888;
}

/* outline */
#slideshow .outline li {
  list-style-type: square;
}
#slideshow .outline li:hover {
  list-style-type: circle;
  cursor: pointer;
}
#slideshow .outline li ul {
  display: none;
}
#slideshow .outline li.active ul {
  display: block;
}
#slideshow .outline li ul.expand {
  display: block;
}
#slideshow .outline li.active ul.expand {
  display: none;
}

/* navigation menu */
#slideshow .menu {
  position: absolute;
  /*bottom: 0;*/
  /*right: 2em;*/
  /*font-size: 0.75em;*/
  bottom: 0.5em;
  right: 1em;
	margin: 0;
  border-radius         : 0px;
  -o-border-radius      : 0px;
  -moz-border-radius    : 0px;
  -webkit-border-radius : 0px;
  box-shadow         : none;
  -o-box-shadow      : none;
  -moz-box-shadow    : none;
  -webkit-box-shadow : none;
  z-index: 2;
}
/* no transition for the menu! */
#slideshow .menu {
  opacity: 1 !important;
  visibility: visible !important;
}
#slideshow .menu button {
  opacity: 1;
  transition         : none;
  -o-transition      : none;
  -moz-transition    : none;
  -webkit-transition : none;
}
#slideshow .menu button[smil=idle] {
  opacity: 0.5;
  transform         : none;
  -o-transform      : none;
  -moz-transform    : none;
  -webkit-transform : none;
}

